
$(function(){

  var page =1
  var pageSize=5

  function render(){
   
    $.ajax({
        type:'get',
        url:'/category/queryTopCategoryPaging',
        data:{
          page:page,
          pageSize:pageSize
        },
        success:function(info){
          console.log(info);
            //渲染到页面 
            $('tbody').html(template('tmp',info))

            $('#paginator').bootstrapPaginator({
              bootstrapMajorVersion:3,
              currentPage:page,
              //总页数
              totalPages:Math.ceil(info.total/pageSize),
              onPageClicked:function (a,b,c,p) {
                page = p;
                render();
              }
            })

          }
    })
  }
  render ()

  $('.btn_add').on('click',function(){

    $('#add_modal').modal('show')

  })

  // 表单验证 
  $('form').bootstrapValidator({
    feedbackIcons:{
      valid: 'glyphicon glyphicon-ok',
      invalid:'glyphicon glyphicon-remove',
      validating: 'glyphicon glyphicon-refresh'
    },

    fields:{
      categoryName:{
        validators:{
          notEmpty:{
            message:"请输入一级分类的名称"
          }
        }

      }
    }
  })


  // 注册验证成功事件  
  $('form').on('success.form.bv',function(e){
      //阻止浏览器默认行为
      e.preventDefault();
     
      $.ajax({
        type:"post",
        url:'/category/addTopCategory',
        data:$('form').serialize(),
        success:function(info){
          if(info.success){
            //关闭模态框 
            $('#add_modal').modal('hide')
            // 重新渲染
              render()
            // 重置 
            $('form').data('bootstrapValidator').resetForm(true);


          }
        }


      })
      


  })



})